<!-- 列表 -->
<section>
  <ion-list>
    <ion-item *ngFor="let item of tagData['data']" appDebounceClick (debounceClick)="clickLink(item['target'], item['id'])">
      <ion-thumbnail slot="start">
        <p *ngIf="item['displayLevel']" class="level">{{item['displayLevel']}}</p>
        <img class="img" src="{{item['displayImage']}}">
      </ion-thumbnail>
      <ion-label>
        <h2>{{item['displayTitle']}}</h2>
        <h3>{{item['displayInfo']}}</h3>
        <h4>
          <ion-icon name="star" [ngClass]="{iconColor: item['displayStar'] >= 1}"></ion-icon>
          <ion-icon name="star" [ngClass]="{iconColor: item['displayStar'] >= 2}"></ion-icon>
          <ion-icon name="star" [ngClass]="{iconColor: item['displayStar'] >= 3}"></ion-icon>
          <ion-icon name="star" [ngClass]="{iconColor: item['displayStar'] >= 4}"></ion-icon>
          <ion-icon name="star" [ngClass]="{iconColor: item['displayStar'] >= 5}"></ion-icon>
          {{item['displayEvaluate']}}
        </h4>
      </ion-label>
    </ion-item>
  </ion-list>
  <div style="text-align:center;" *ngIf="pageTotal === 0">没有数据</div>
</section>
<!-- 向上滚动刷新 -->
<ion-infinite-scroll (ionInfinite)="loadData($event)">
  <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="Loading more data...">
  </ion-infinite-scroll-content>
</ion-infinite-scroll>